// base color
$primary: #ffb72f;
$success: #14BD54;
$warning: #E6A23C;
$danger: #EC4040;
$info: #909399;
$primaryFont: #303133;
$lightFont: #606266;
$subFont: #c0c4cc;
$occupyFont: #c0c4cc;
$waiting: #F59A23;

$bgc: #ededed;
$navBgc: #ffb72f; //顶部导航背景色
$navHover: #fcf6eb; //顶部导航鼠标移上背景色
$barBgc: #fff;
$barSubBgc: #fcf6eb; //左侧子菜单背景色
$barHover: #6f63dd;
$barActive: #fff;
$barActiveBgc: #ffb72f; //左侧菜单选中背景色
$primaryOpacity30: rgba(77, 130, 243, 0.3);

$dark-font-color: #606266;
$light-font-color: #909399;



// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  primary: $primary;
  success: $success;
  warning: $warning;
  danger: $danger;
  info: $info;
  primaryFont: $primaryFont;
  lightFont: $lightFont;
  subFont: $subFont;
  occupyFont: $occupyFont;
  waiting: $waiting
}